<template>
  <div class="home">
    <v-nav></v-nav>
    <div class="container">
      <aside>
        <v-list></v-list>
      </aside>
      <article>
        <v-contain></v-contain>
      </article>
    </div>
    
  </div>
</template>

<script>
// @ is an alias to /src
import vNav from "../components/Nav";
import vList from "../components/List";
import vContain from "../components/Contain"
export default {
  name: "home",
  components: {
    vNav,
    vList,
    vContain
  }
};
</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
  .home{
    background: #f1f2f6;
    height: 100vh;
  }
  .container{
    overflow: hidden;
  }
  aside{
    float: left;
    margin-left: 80px;
  }
  article{
    float: left;
    margin-left: 5px;
    width: 800px;
  }
</style>>


